<template>

  <div class="idcard"  >
    <div class="bar" @click="goFeedBack" ><van-icon name="add-o" />我要反馈</div>
    <!--<van-collapse v-model="activeNames">-->
      <!--<van-collapse-item title="我的资金怎么。。。">-->
          <!--<span style="float: right">-->
            <!--<span @click="toFeedBack" style="padding-right: 10px"><van-icon name="chat-o" />回复 </span>-->
            <!--<span @click="Fixed" ><van-icon name="completed" />已解决</span>-->
          <!--</span><br/>-->
          <!--<van-steps direction="vertical" :active="0" active-color="#f44">-->
            <!--<van-step>-->
              <!--<h3>包装坏了包装坏了包装坏了包装坏了包装坏了包装坏了包装坏了包装坏了包装坏了包装坏了包装坏了</h3>-->
              <!--<p>2016-07-12 12:40</p>-->
            <!--</van-step>-->
            <!--<van-step>-->
              <!--<h3>哪里坏了呢</h3>-->
              <!--<p>2016-07-11 10:00(客服)</p>-->
            <!--</van-step>-->
            <!--<van-step>-->
              <!--<h3>我的东西坏了</h3>-->
              <!--<p>2016-07-10 09:30</p>-->
              <!--<p>-->
                <!--<img-->
                  <!--src="../../assets/images/user/8.png"-->
                  <!--alt=""-->
                <!--&gt;-->
              <!--</p>-->
            <!--</van-step>-->
          <!--</van-steps>-->

      <!--</van-collapse-item>-->

    <!--</van-collapse>-->

    <van-dialog
      v-model="feedopen"
      show-cancel-button
      :before-close="beforeClose"
    >
      <van-cell-group>
        <van-field
          v-model="message"
          label="回复"
          type="textarea"
          placeholder="请输入回复信息"
          rows="1"
          :autosize = size
        />
      </van-cell-group>

    </van-dialog>


  </div>

</template>
<script>
  import { getQQgroups } from "../../api/user";
  import { Toast,Dialog } from "vant";
  export default {
    data() {
      return {
        list:[],
        activeNames: [],
        feedopen:false,
        size:{ minHeight: 80 },
      };
    },
    methods: {
      goFeedBack(){
        this.$router.push({
          path: "/feedbackAdd"
        });
      },
      toFeedBack(){
        console.log("click")
        this.feedopen = true
      },
      Fixed(){
        Dialog.confirm({
          title: '是否解决',
          message: '您的问题，是否已经解决？如果解决，请点击确认。未解决，我们将继续协助您解决。'
        }).then(() => {
          // on confirm
        }).catch(() => {
          // on cancel
        })
      },
      beforeClose(action, done) {
        if (action === 'confirm') {
          setTimeout(done, 1000);
        } else {
          done();
        }
      }
      // getQQgroups(){
      //   Toast.loading({
      //     mask: true,
      //     message: '加载中...'
      //   });
      //   getQQgroups().then(res => {
      //     Toast.clear();
      //     console.log(res)
      //     this.list = res.data.list
      //   });
      // }
    },
    created() {
      // this.getQQgroups();
    },
  };
</script>
<style lang="scss">
  .idcard {
    width: 100%;
    padding-bottom: 48px;
    background-color: #f5f5f5;
    .bar{
      background-color: white;
      width:100%;
      height: 40px;
      margin-bottom: 15px;
      padding-left: 10px;
      padding-top: 12px;
    }

  }
</style>

